﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style>
        .container
        {
            border:1px solid red;
            
        }
        .left{
            float:none;
            width:300px;
            height:50px;
            border:1px solid grey;
            
            
        }
        .rigth{
            float:none;
            
            height:50px;
            border:1px solid grey;
            margin:auto;
            text-align:center;
        }
        .clearfix :before,:after{

            content: " "; 
            display:table;

        }
        .clearfix:after
        {
            clear:both;
            
        }
        li {
            list-style:none;
            float:left;
            border:1px solid green;
            width:100px;
            height:50px;
        }
        ul{
            
            
            padding:0;
            margin:0;        }
    </style>
</head>

<body>
    <div class="container"><div class="left clearfix">1</div>
        <div class="rigth">
            <ul>
                <li>1</li>
                <li>2</li>     
            </ul>

        </div>
  

    </div>
</body>
</html>
